why images is not showing after install react router dom - YouTube
Annotation icon
WebAdvisor logo

Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12

React Js Tutorials in Hindi
• 12 / 78

React Js Tutorials in Hindi

Next:Adding + Auto Dismissing Alert Messages | Complete React Course in Hindi #13

React Js Tutorials in HindiCodeWithHarry
12 / 7812 / 78
Loop playlist
Shuffle playlist
1
16:51 Now playing

Introduction to React Js + Installation | Complete React Course in Hindi #1

CodeWithHarry
2
21:07 Now playing

Creating our first react app using create-react-app | Complete React Course in Hindi #2

CodeWithHarry
3
27:23 Now playing

JavaScript Refresher | Complete React Course in Hindi #3

CodeWithHarry
4
26:36 Now playing

Understanding JSX | Complete React Course in Hindi #4

CodeWithHarry
5
18:38 Now playing

Project 1: Setup + Adding Bootstrap to React | Complete React Course in Hindi #5

CodeWithHarry
6
26:03 Now playing

Understanding Props and PropTypes in React | Complete React Course in Hindi #6

CodeWithHarry
7
25:21 Now playing

Understanding State & Handling Events in React | Complete React Course in Hindi #7

CodeWithHarry
8
12:58 Now playing

Adding more Logic to TextUtils | Complete React Course in Hindi #8

CodeWithHarry
9
5:44 Now playing

Exercise 1: Enhancing TextUtils | Complete React Course in Hindi #9

CodeWithHarry
10
19:19 Now playing

Creating "Enable Dark Mode" Button Using useState Hook | Complete React Course in Hindi #10

CodeWithHarry
11
6:23 Now playing

Exercise 1: Solutions + Shoutouts | Complete React Course in Hindi #11

CodeWithHarry
▶
22:02 Now playing

Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12

CodeWithHarry
13
17:31 Now playing

Adding + Auto Dismissing Alert Messages | Complete React Course in Hindi #13

CodeWithHarry
14
3:28 Now playing

Exercise 2: Adding Custom Color Theme to TextUtils | Complete React Course in Hindi #14

CodeWithHarry
15
10:16 Now playing

Changing title dynamically & adding favicons to TextUtils | Complete React Course in Hindi #15

CodeWithHarry
16
13:42 Now playing

React Router Setup + Usage | Complete React Course in Hindi #16

CodeWithHarry
17
14:14 Now playing

[Free] Building + Hosting React App For free on Github Pages | Complete React Course in Hindi #17

CodeWithHarry
18
15:13 Now playing

Purchasing a Domain + Hosting TextUtils on a VPS | Complete React Course in Hindi #18

CodeWithHarry
19
36:22 Now playing

Fixing Issues & Wrapping up TextUtils | Complete React Course in Hindi #19

CodeWithHarry
20
14:28 Now playing

Exercise 2: Solutions + Shoutouts | Complete React Course in Hindi #20

CodeWithHarry
21
8:35 Now playing

Fixing few more Textutils Issues | Complete React Course in Hindi #21

CodeWithHarry
22
10:58 Now playing

Project 2 Setup + Introduction to Class based components | Complete React Course in Hindi #22

CodeWithHarry
23
16:10 Now playing

Component Structure of our NewsMonkey React App | Complete React Course in Hindi #23

CodeWithHarry
24
14:23 Now playing

Fetching API Key from News API | Complete React Course in Hindi #24

CodeWithHarry
25
13:09 Now playing

Understanding state in class based components | Complete React Course in Hindi #25

CodeWithHarry
26
13:20 Now playing

Looping through an array in JSX to display NewsItems from state | Complete React Course in Hindi #26

CodeWithHarry
27
14:04 Now playing

Using Fetch API in React to populate NewsItems | Complete React Course in Hindi #27

CodeWithHarry
28
16:05 Now playing

Adding Previous & Next Buttons to populate NewsItems | Complete React Course in Hindi #28

CodeWithHarry
29
17:29 Now playing

Adding loading spinner & variable pageSize to NewsMonkey | Complete React Course in Hindi #29

CodeWithHarry
30
13:34 Now playing

Adding Categories & propTypes to NewsMonkey React App | Complete React Course in Hindi #30

CodeWithHarry
31
15:00 Now playing

Fetching News category wise in NewsMonkey React App | Complete React Course in Hindi #31

CodeWithHarry
32
13:26 Now playing

Adding time, author and news source to News React App | Complete React Course in Hindi #32

CodeWithHarry
33
11:10 Now playing

Refactoring News component to use the same function | Complete React Course in Hindi #33

CodeWithHarry
34
15:57 Now playing

React Component Lifecycle & Lifecycle methods | Complete React Course in Hindi #34

CodeWithHarry
35
15:44 Now playing

Adding Infinite Scroll to NewsMonkey | Complete React Course in Hindi #35

CodeWithHarry
36
14:54 Now playing

Adding a top loading bar to NewsMonkey | Complete React Course in Hindi #36

CodeWithHarry
37
7:15 Now playing

Hiding API Key by Adding Custom Environment Variables | Complete React Course in Hindi #37

CodeWithHarry
38
9:16 Now playing

Introduction to React Hooks | Complete React Course in Hindi #38

CodeWithHarry
39
16:41 Now playing

Changing Class based NewsMonkey components to Functional based | Complete React Course in Hindi #39

CodeWithHarry
40
9:59 Now playing

Sticky Navbar & NewsMonkey bug fixes | Complete React Course in Hindi #40

CodeWithHarry
41
8:07 Now playing

Introduction to MERN stack | Complete React Course in Hindi #41

CodeWithHarry
42
11:33 Now playing

Project 3: iNotebook backend and React frontend setup | Complete React Course in Hindi #42

CodeWithHarry
43
13:22 Now playing

iNotebook db & Express Server Setup | Complete React Course in Hindi #43

CodeWithHarry
44
21:38 Now playing

Creating Routes & Schema for Storing Notes & Users | Complete React Course in Hindi #44

CodeWithHarry
45
12:02 Now playing

Storing Data into the Database Using Mongoose Model | Complete React Course in Hindi #45

CodeWithHarry
46
12:02 Now playing

Adding Data Validation Using express-validator | Complete React Course in Hindi #46

CodeWithHarry
47
15:40 Now playing

Creating ThunderClient Collections to Manage Requests | Complete React Course in Hindi #47

CodeWithHarry
48
17:36 Now playing

Understanding Password Hashing, Salt & Pepper | Complete React Course in Hindi #48

CodeWithHarry
49
14:36 Now playing

Hashing Passwords using bcryptjs in NodeJs | Complete React Course in Hindi #49

CodeWithHarry
50
11:35 Now playing

Creating Login Endpoint & sending auth token| Complete React Course in Hindi #50

CodeWithHarry
51
14:44 Now playing

Creating a middleware to decode user from a JWT | Complete React Course in Hindi #51

CodeWithHarry
52
16:44 Now playing

Fetching all notes & Adding a Note | Complete React Course in Hindi #52

CodeWithHarry
53
15:16 Now playing

Updating an existing Note | Complete React Course in Hindi #53

CodeWithHarry
54
9:52 Now playing

Endpoint for deleting a Note | Complete React Course in Hindi #54

CodeWithHarry
55
11:20 Now playing

iNotebook React Project Setup | Complete React Course in Hindi #55

CodeWithHarry
56
10:59 Now playing

Creating Navbar and Routes | Complete React Course in Hindi #56

CodeWithHarry
57
10:29 Now playing

Introduction to React Context API | Complete React Course in Hindi #57

CodeWithHarry
58
19:08 Now playing

useContext hook: Using React Context API | Complete React Course in Hindi #58

CodeWithHarry
59
10:48 Now playing

useLocation Hook in React | Complete React Course in Hindi #59

CodeWithHarry
60
6:20 Now playing

iNotebook: Fetching Notes from Context | Complete React Course in Hindi #60

CodeWithHarry
61
6:59 Now playing

iNotebook: Adding NoteItem in a Separate Note component | Complete React Course in Hindi #61

CodeWithHarry
62
11:41 Now playing

Adding font awesome icons to iNotebook | Complete React Course in Hindi #62

CodeWithHarry
63
15:51 Now playing

Adding AddNote component to iNotebook | Complete React Course in Hindi #63

CodeWithHarry
64
6:45 Now playing

Adding "delete note" functionality to iNotebook | Complete React Course in Hindi #64

CodeWithHarry
65
14:12 Now playing

Adding "fetch notes" functionality to iNotebook | Complete React Course in Hindi #65

CodeWithHarry
66
17:17 Now playing

Adding a Modal for Editing Notes | Complete React Course in Hindi #66

CodeWithHarry
67
12:32 Now playing

Updating Notes on edit in the UI using React | Complete React Course in Hindi #67

CodeWithHarry
68
13:03 Now playing

Adding Frontend Validation + Few Fixes in iNotebook | Complete React Course in Hindi #68

CodeWithHarry
69
20:25 Now playing

Adding Login Component to iNotebook | Complete React Course in Hindi #69

CodeWithHarry
70
12:39 Now playing

Adding SignUp Component to iNotebook | Complete React Course in Hindi #70

CodeWithHarry
71
10:58 Now playing

Adding Alerts to Login, Signup & Notes Component of iNotebook | Complete React Course in Hindi #71

CodeWithHarry
72
11:38 Now playing

Fetching User Specific Notes in iNotebook | Complete React Course in Hindi #72

CodeWithHarry
73
8:49 Now playing

Introduction to Redux | Complete React Course in Hindi #73

CodeWithHarry
74
9:47 Now playing

Setting up a React Application for Redux | Complete React Course in Hindi #74

CodeWithHarry
75
13:18 Now playing

Creating a Reducer & Action Creator in Redux | Complete React Course in Hindi #75

CodeWithHarry
76
9:54 Now playing

Creating a Redux Store | Complete React Course in Hindi #76

CodeWithHarry
77
5:44 Now playing

Accessing State in Redux | Complete React Course in Hindi #77

CodeWithHarry
78
11:11 Now playing

Updating state from a different component in Redux | Complete React Course in Hindi #78

CodeWithHarry
Back
IN
Search with your voice
Settings
Sign in
IN

Home
Shorts
Subscriptions

Library
History
Sign in to like videos, comment, and subscribe.
Sign in

Explore

Trending
Shopping
Music
Movies
Live
Gaming
News
Sports
Learning
Fashion & Beauty

Browse channels

More from YouTube

YouTube Premium
YouTube Music
YouTube Kids

Settings
Report history
Help
Send feedback
AboutPressCopyrightContact usCreatorsAdvertiseDevelopers
TermsPrivacyPolicy & SafetyHow YouTube worksTest new features
© 2023 Google LLC
Home
Home
Shorts
Shorts
Subscriptions
Subscriptions
Library
Library
History
History
All Shorts Unwatched Watched For you Recently uploaded Live
Search filters
7:51 Now playing

React Router Dom not Working | Latest Version | Problem Resolved

Sanjeet Coder
Sanjeet Coder
•
•
44K views 1 year ago
Sanjeet Coder
Sanjeet Coder
React Router Dom not Working | Latest Version | Problem Resolved. Please follow other PlayList C ... React Router Dom not Working | Latest Version | Problem Resolved. Please follow other PlayList C ...
From the video description
8:11 Now playing

React Router v6 Tutorial in Hindi #3 : LINK Component | Navigate to Page without Page Reload

Thapa Technical
Thapa Technical
Verified
•
•
54K views 1 year ago
Thapa Technical
Thapa Technical
Verified
Welcome, So, far we are navigating through URL only but is there a way we can click on something and we visit the other page, ... Welcome, So, far we are navigating through URL only but is there a way we can click on something and we visit the other page, ...
From the video description
5:30 Now playing

Ways to Import Images In React Js Project

Study Read Educate
Study Read Educate
•
•
135K views 2 years ago
Study Read Educate
Study Read Educate
2 ways to import images in react js projects Video Creator - Reecry https://youtube.com/c/reecry https://instagram.com/thereecry ... 2 ways to import images in react js projects Video Creator - Reecry https://youtube.com/c/reecry https://instagram.com/thereecry ...
From the video description
1:28 Now playing

React Router DOM Common Issues: Blank Pages and How to Solve Them - React Js [Solved]

Future Programming
Future Programming
•
•
4.4K views 6 months ago
Future Programming
Future Programming
ReactJs #ReactRouterDomIssue #javascriptproblem React Link Issue Sort out If you are facing an issue with React Router Dom ... ReactJs #ReactRouterDomIssue #javascriptproblem React Link Issue Sort out If you are facing an issue with React Router Dom ...
From the video description
2:42 Now playing

(SOLVED) - Route is not loading component | React Router Dom | React JS | TheCoderUtkarsh

TheCoderUtkarsh
TheCoderUtkarsh
•
•
3.9K views 5 months ago
TheCoderUtkarsh
TheCoderUtkarsh
Route is not loading component React Router Dom, React-router is not displaying anything in the browser, Routes not working in ... Route is not loading component React Router Dom, React-router is not displaying anything in the browser, Routes not working in ...
From the video description
CC
10:28 Now playing

React Router Dom not Working (Problems Solved) | React Router Dom & Navlink

Web Tech
Web Tech
•
•
1.8K views 6 months ago
Web Tech
Web Tech
React Router And Navlink in Depth Navlink In React #react ✓ Official Website : http://web2tech.co/ ✓ Contact If Any Query ... React Router And Navlink in Depth Navlink In React #react ✓ Official Website : http://web2tech.co/ ✓ Contact If Any Query ...
From the video description
5:01 Now playing

Require Image Not Working in ReactJS | ReactJS Tutorial | Learn ReactJS & JavaScript Debugging

WebStylePress
WebStylePress
•
•
20K views 2 years ago
WebStylePress
WebStylePress
While working with ReactJS, any JavaScript library or framework, package versioning good practices matter. Package upgrades ... While working with ReactJS, any JavaScript library or framework, package versioning good practices matter. Package upgrades ...
From the video description
CC
1:26 Now playing

How to Fix Attempted Import Error Switch is Not Exported From react-router-dom or React Router Dom

GameTrick
GameTrick
•
•
11K views 11 months ago
GameTrick
GameTrick
Command:- npm install react-router-dom@5.3.0 In This Video We Will See How to Fix Attempted Import Error Switch is Not ... Command:- npm install react-router-dom@5.3.0 In This Video We Will See How to Fix Attempted Import Error Switch is Not ...
From the video description
1:39 Now playing

export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

CodeByHeart
CodeByHeart
•
•
14K views 1 year ago
CodeByHeart
CodeByHeart
React Error Solved: export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' - Here you will find solution for ... React Error Solved: export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' - Here you will find solution for ...
From the video description

People also watched

3:49 Now playing

How to import images in Reactjs - Absolute beginners

Esterling Accime
Esterling Accime
•
•
93K views 4 years ago
Esterling Accime
Esterling Accime
In this video, I am going to show you how to import images in a Reactjs application. Don't forget to subscribe ... In this video, I am going to show you how to import images in a Reactjs application. Don't forget to subscribe ...
From the video description
5:44 Now playing

how to fix create react app problem | how to fix npm start problem #reactjs #reactjsproblem

Education Analysist
Education Analysist
•
•
29K views 10 months ago
Education Analysist
Education Analysist
How to solve npm create react app not working error in react JS is shown #createreactappnotworking #npmnotworking ... How to solve npm create react app not working error in react JS is shown #createreactappnotworking #npmnotworking ...
From the video description
5:40 Now playing

Image and File Uploading in React JS with Axios and FormData

Code With Yousaf
Code With Yousaf
•
•
40K views 10 months ago
Code With Yousaf
Code With Yousaf
image #upload #reactjs #fileupload In this video, I show you how to upload images in your React applications. In every app we ... image #upload #reactjs #fileupload In this video, I show you how to upload images in your React applications. In every app we ...
From the video description
6:53 Now playing

useNavigate Hook in React Router Dom v6| How to Navigate from One Page To Another in React #2022

Yoshita Jain
Yoshita Jain
•
•
7K views 9 months ago
Yoshita Jain
Yoshita Jain
Hey people, in this video we will learn 1- What is useNavigate Hook in React? 2- How to use it? Hey people, in this video we will learn 1- What is useNavigate Hook in React? 2- How to use it?
From the video description
+6 more
13:42 Now playing

React Router Setup + Usage | Complete React Course in Hindi #16

CodeWithHarry
CodeWithHarry
Verified
•
•
293K views 1 year ago
CodeWithHarry
CodeWithHarry
Verified
React Router Tutorial: In this react course, we will see how to learn react using projects. This is going to be a project-based course ... React Router Tutorial: In this react course, we will see how to learn react using projects. This is going to be a project-based course ...
From the video description
CC
15:19 Now playing

How to Add React Router in React App 2023? | Use of React Router Dom v6+ Tutorial in Hindi

Navi Era
Navi Era
•
•
3K views 5 months ago
Navi Era
Navi Era
Are you tired of creating multi-page applications in ReactJS that require a full page refresh every time you navigate? Look no ... Are you tired of creating multi-page applications in ReactJS that require a full page refresh every time you navigate? Look no ...
From the video description
4:26 Now playing

(SOLVED) - Link in React Js Not Working | React Router Dom | React Js | TheCoderUtkarsh

TheCoderUtkarsh
TheCoderUtkarsh
•
•
5.4K views 8 months ago
TheCoderUtkarsh
TheCoderUtkarsh
How To use Link in ReactJS. React JSX . Routes not rendering components when navigating In This Tutorial we are going to ... How To use Link in ReactJS. React JSX . Routes not rendering components when navigating In This Tutorial we are going to ...
From the video description
8:22 Now playing

How to Add Image in React JS App [FULL GUIDE]

WebStylePress
WebStylePress
•
•
11K views 6 months ago
WebStylePress
WebStylePress
How to add image in React JS app? How to add image in react js component? We can add image in React one by one, multiple ... How to add image in React JS app? How to add image in react js component? We can add image in React one by one, multiple ...
From the video description

For you

16:21 Now playing

Essential Luxury House That Has Everything You Need By Aspiring Homes

Aspiring Homes
Aspiring Homes
•
•
1.6K views 3 hours ago
Aspiring Homes
Aspiring Homes
Welcome to a glimpse of sheer luxury and elegance! Join us on an enchanting virtual tour of this opulent 1 Kanal house, nestled ... Welcome to a glimpse of sheer luxury and elegance! Join us on an enchanting virtual tour of this opulent 1 Kanal house, nestled ...
From the video description
New
0:46 Now playing

Lode Lag gaye in Online class gone right 🤣🤣🤣🤣

Online Zoom Raid
Online Zoom Raid
•
•
1.1M views 1 year ago
Online Zoom Raid
Online Zoom Raid
Subscribe for more videos Tags (Ignore these) #viral, #viralvideo, #zoomraid, #sunbae, #zoomfun, #zoom, #onlineclassfun, ... Subscribe for more videos Tags (Ignore these) #viral, #viralvideo, #zoomraid, #sunbae, #zoomfun, #zoom, #onlineclassfun, ...
From the video description
18:33 Now playing

React JS interview 2023 Live Coding Round (Mock)

Coder Dost
Coder Dost
•
•
208K views 5 months ago
Coder Dost
Coder Dost
Never faced React JS live coding round? You can experience React JS Interview Live coding round where a candidate is asked ... Never faced React JS live coding round? You can experience React JS Interview Live coding round where a candidate is asked ...
From the video description
+14 more
11:33 Now playing

Easy Way to Use Images in React | No Import | No Require

WebStylePress
WebStylePress
•
•
26K views 2 years ago
WebStylePress
WebStylePress
What is the most simple and easy way to use images in ReactJS? This react js tutorial will answer following questions: - How to ... What is the most simple and easy way to use images in ReactJS? This react js tutorial will answer following questions: - How to ...
From the video description
CC
1:52 Now playing

How to INSTALL React Router DOM

Himachali Coder
Himachali Coder
•
•
13K views 1 year ago
Himachali Coder
Himachali Coder
How to INSTALL React Router DOM install react router dom npm react-router-dom run this command on terminal #react #reactjs ... How to INSTALL React Router DOM install react router dom npm react-router-dom run this command on terminal #react #reactjs ...
From the video description
9:13 Now playing

🔴 The Best Way to Get or Use the IMAGES in React Project in 2021

Thapa Technical
Thapa Technical
Verified
•
•
72K views 2 years ago
Thapa Technical
Thapa Technical
Verified
Welcome, How to Get or Use the IMAGES in React Project in 2021 Check my Instagram to Chat with me: ... Welcome, How to Get or Use the IMAGES in React Project in 2021 Check my Instagram to Chat with me: ...
From the video description
14:41 Now playing

You are loading Images wrong! Use this instead 😍

CoderOne
CoderOne
•
•
160K views 10 months ago
CoderOne
CoderOne
As developers, we have to deal a lot with images, from blogs to landing pages, it's all about giving the users the best impression ... As developers, we have to deal a lot with images, from blogs to landing pages, it's all about giving the users the best impression ...
From the video description
4K
15:03 Now playing

React Router v6 Tutorial in Hindi : Introduction & Installation of React Router v6 in React App

Thapa Technical
Thapa Technical
Verified
•
•
82K views 1 year ago
Thapa Technical
Thapa Technical
Verified
Welcome, React Router v6 Tutorial in Hindi. In this video we will see, Introduction to React Router v6 in Hindi and How to Install ... Welcome, React Router v6 Tutorial in Hindi. In this video we will see, Introduction to React Router v6 in Hindi and How to Install ...
From the video description
8:10 Now playing

Different ways to display images in react js | React Js Tutorials

Code Pro
Code Pro
•
•
61K views 2 years ago
Code Pro
Code Pro
In this video, I will explain different ways of including images in React applications. Including images in a React application ... In this video, I will explain different ways of including images in React applications. Including images in a React application ...
From the video description
25:23 Now playing

React Router Tutorial in Hindi | React Router Dom in Hindi in 2020 #56

Thapa Technical
Thapa Technical
Verified
•
•
259K views 3 years ago
Thapa Technical
Thapa Technical
Verified
Welcome, to react-router-dom in react js in Hindi in 2020. What is React-Router, anyway? Many modern websites are actually ... Welcome, to react-router-dom in react js in Hindi in 2020. What is React-Router, anyway? Many modern websites are actually ...
From the video description
If playback doesn't begin shortly, try restarting your device.
5 seconds
Pull up for precise seeking
9:16
You're signed out
Videos you watch may be added to the TV's watch history and influence TV recommendations. To avoid this, cancel and sign in to YouTube on your computer.
11:38 / 22:01•
Play (k)
Switch camera
Share
An error occurred while retrieving sharing information. Please try again later.
0:00
11:38 / 22:01•Watch full video

Description

Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12
CodeWithHarry
CodeWithHarry
6.2K Likes
279,705 Views
2021 Aug 18
In this react course, we will see how to learn react using projects. This is going to be a project-based course full of real-world react projects. In this video, we will look into refactoring and moving all the controls and dark mode state up to the app component Make sure to access the playlist here (Important):    • React Js Tutorial...   All the source code and other material will be uploaded on codewithharry.com as and when available! ►Check out my English channel here:    / programmingwithharry   ►Click here to subscribe -    / @codewithharry   Best Hindi Videos For Learning Programming: ►Learn Python In One Video -    • Python Tutorial I...   ►Python Complete Course In Hindi -    • Python Tutorials ...   ►C Language Complete Course In Hindi -    • C Language Tutori...   ►JavaScript Complete Course In Hindi -    • JavaScript Tutori...   ►Learn JavaScript in One Video -    • JavaScript Tutorial   ►Learn PHP In One Video -    • Learn Php In One ...   ►Django Complete Course In Hindi -    • Python Django Tut...   ►Machine Learning Using Python -    • Machine Learning ...   ►Creating & Hosting A Website (Tech Blog) Using Python -    • [Hindi] Web Devel...   ►Advanced Python Tutorials -    • Intermediate/Adva...   ►Object Oriented Programming In Python -    • Object Oriented P...   ►Python Data Science and Big Data Tutorials -    • Python Data Scien...   Follow Me On Social Media ►Website (created using Flask) - http://www.codewithharry.com
 ►Facebook -    / codewithharry  
 ►Instagram -    / codewithharry  
 ►Personal Facebook A/c -    / geekyharis  
 Twitter -    / haris_is_here  
 Comment "#HarryBhai" if you read this 😉😉
Show less Show more

Featured playlist

78 videos
React Js Tutorials in Hindi
CodeWithHarry

Music

SONG
You Like It
ARTIST
Vibe Tracks
ALBUM
You Like It
LICENSES
YouTube Audio Library
Get YouTube Premium
Music

CodeWithHarry

4.25M subscribers
Videos
About

Comments 676

Top comments
Newest first

Transcript

React Js Tutorials in Hindi

Next:Adding + Auto Dismissing Alert Messages | Complete React Course in Hindi #13

React Js Tutorials in HindiCodeWithHarry
12 / 7812 / 78
Loop playlist
Shuffle playlist
1
16:51 Now playing

Introduction to React Js + Installation | Complete React Course in Hindi #1

CodeWithHarry
2
21:07 Now playing

Creating our first react app using create-react-app | Complete React Course in Hindi #2

CodeWithHarry
3
27:23 Now playing

JavaScript Refresher | Complete React Course in Hindi #3

CodeWithHarry
4
26:36 Now playing

Understanding JSX | Complete React Course in Hindi #4

CodeWithHarry
5
18:38 Now playing

Project 1: Setup + Adding Bootstrap to React | Complete React Course in Hindi #5

CodeWithHarry
6
26:03 Now playing

Understanding Props and PropTypes in React | Complete React Course in Hindi #6

CodeWithHarry
7
25:21 Now playing

Understanding State & Handling Events in React | Complete React Course in Hindi #7

CodeWithHarry
8
12:58 Now playing

Adding more Logic to TextUtils | Complete React Course in Hindi #8

CodeWithHarry
9
5:44 Now playing

Exercise 1: Enhancing TextUtils | Complete React Course in Hindi #9

CodeWithHarry
10
19:19 Now playing

Creating "Enable Dark Mode" Button Using useState Hook | Complete React Course in Hindi #10

CodeWithHarry
11
6:23 Now playing

Exercise 1: Solutions + Shoutouts | Complete React Course in Hindi #11

CodeWithHarry
▶
22:02 Now playing

Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12

CodeWithHarry
13
17:31 Now playing

Adding + Auto Dismissing Alert Messages | Complete React Course in Hindi #13

CodeWithHarry
14
3:28 Now playing

Exercise 2: Adding Custom Color Theme to TextUtils | Complete React Course in Hindi #14

CodeWithHarry
15
10:16 Now playing

Changing title dynamically & adding favicons to TextUtils | Complete React Course in Hindi #15

CodeWithHarry
16
13:42 Now playing

React Router Setup + Usage | Complete React Course in Hindi #16

CodeWithHarry
17
14:14 Now playing

[Free] Building + Hosting React App For free on Github Pages | Complete React Course in Hindi #17

CodeWithHarry
18
15:13 Now playing

Purchasing a Domain + Hosting TextUtils on a VPS | Complete React Course in Hindi #18

CodeWithHarry
19
36:22 Now playing

Fixing Issues & Wrapping up TextUtils | Complete React Course in Hindi #19

CodeWithHarry
20
14:28 Now playing

Exercise 2: Solutions + Shoutouts | Complete React Course in Hindi #20

CodeWithHarry
21
8:35 Now playing

Fixing few more Textutils Issues | Complete React Course in Hindi #21

CodeWithHarry
22
10:58 Now playing

Project 2 Setup + Introduction to Class based components | Complete React Course in Hindi #22

CodeWithHarry
23
16:10 Now playing

Component Structure of our NewsMonkey React App | Complete React Course in Hindi #23

CodeWithHarry
24
14:23 Now playing

Fetching API Key from News API | Complete React Course in Hindi #24

CodeWithHarry
25
13:09 Now playing

Understanding state in class based components | Complete React Course in Hindi #25

CodeWithHarry
26
13:20 Now playing

Looping through an array in JSX to display NewsItems from state | Complete React Course in Hindi #26

CodeWithHarry
27
14:04 Now playing

Using Fetch API in React to populate NewsItems | Complete React Course in Hindi #27

CodeWithHarry
28
16:05 Now playing

Adding Previous & Next Buttons to populate NewsItems | Complete React Course in Hindi #28

CodeWithHarry
29
17:29 Now playing

Adding loading spinner & variable pageSize to NewsMonkey | Complete React Course in Hindi #29

CodeWithHarry
30
13:34 Now playing

Adding Categories & propTypes to NewsMonkey React App | Complete React Course in Hindi #30

CodeWithHarry
31
15:00 Now playing

Fetching News category wise in NewsMonkey React App | Complete React Course in Hindi #31

CodeWithHarry
32
13:26 Now playing

Adding time, author and news source to News React App | Complete React Course in Hindi #32

CodeWithHarry
33
11:10 Now playing

Refactoring News component to use the same function | Complete React Course in Hindi #33

CodeWithHarry
34
15:57 Now playing

React Component Lifecycle & Lifecycle methods | Complete React Course in Hindi #34

CodeWithHarry
35
15:44 Now playing

Adding Infinite Scroll to NewsMonkey | Complete React Course in Hindi #35

CodeWithHarry
36
14:54 Now playing

Adding a top loading bar to NewsMonkey | Complete React Course in Hindi #36

CodeWithHarry
37
7:15 Now playing

Hiding API Key by Adding Custom Environment Variables | Complete React Course in Hindi #37

CodeWithHarry
38
9:16 Now playing

Introduction to React Hooks | Complete React Course in Hindi #38

CodeWithHarry
39
16:41 Now playing

Changing Class based NewsMonkey components to Functional based | Complete React Course in Hindi #39

CodeWithHarry
40
9:59 Now playing

Sticky Navbar & NewsMonkey bug fixes | Complete React Course in Hindi #40

CodeWithHarry
41
8:07 Now playing

Introduction to MERN stack | Complete React Course in Hindi #41

CodeWithHarry
42
11:33 Now playing

Project 3: iNotebook backend and React frontend setup | Complete React Course in Hindi #42

CodeWithHarry
43
13:22 Now playing

iNotebook db & Express Server Setup | Complete React Course in Hindi #43

CodeWithHarry
44
21:38 Now playing

Creating Routes & Schema for Storing Notes & Users | Complete React Course in Hindi #44

CodeWithHarry
45
12:02 Now playing

Storing Data into the Database Using Mongoose Model | Complete React Course in Hindi #45

CodeWithHarry
46
12:02 Now playing

Adding Data Validation Using express-validator | Complete React Course in Hindi #46

CodeWithHarry
47
15:40 Now playing

Creating ThunderClient Collections to Manage Requests | Complete React Course in Hindi #47

CodeWithHarry
48
17:36 Now playing

Understanding Password Hashing, Salt & Pepper | Complete React Course in Hindi #48

CodeWithHarry
49
14:36 Now playing

Hashing Passwords using bcryptjs in NodeJs | Complete React Course in Hindi #49

CodeWithHarry
50
11:35 Now playing

Creating Login Endpoint & sending auth token| Complete React Course in Hindi #50

CodeWithHarry
51
14:44 Now playing

Creating a middleware to decode user from a JWT | Complete React Course in Hindi #51

CodeWithHarry
52
16:44 Now playing

Fetching all notes & Adding a Note | Complete React Course in Hindi #52

CodeWithHarry
53
15:16 Now playing

Updating an existing Note | Complete React Course in Hindi #53

CodeWithHarry
54
9:52 Now playing

Endpoint for deleting a Note | Complete React Course in Hindi #54

CodeWithHarry
55
11:20 Now playing

iNotebook React Project Setup | Complete React Course in Hindi #55

CodeWithHarry
56
10:59 Now playing

Creating Navbar and Routes | Complete React Course in Hindi #56

CodeWithHarry
57
10:29 Now playing

Introduction to React Context API | Complete React Course in Hindi #57

CodeWithHarry
58
19:08 Now playing

useContext hook: Using React Context API | Complete React Course in Hindi #58

CodeWithHarry
59
10:48 Now playing

useLocation Hook in React | Complete React Course in Hindi #59

CodeWithHarry
60
6:20 Now playing

iNotebook: Fetching Notes from Context | Complete React Course in Hindi #60

CodeWithHarry
61
6:59 Now playing

iNotebook: Adding NoteItem in a Separate Note component | Complete React Course in Hindi #61

CodeWithHarry
62
11:41 Now playing

Adding font awesome icons to iNotebook | Complete React Course in Hindi #62

CodeWithHarry
63
15:51 Now playing

Adding AddNote component to iNotebook | Complete React Course in Hindi #63

CodeWithHarry
64
6:45 Now playing

Adding "delete note" functionality to iNotebook | Complete React Course in Hindi #64

CodeWithHarry
65
14:12 Now playing

Adding "fetch notes" functionality to iNotebook | Complete React Course in Hindi #65

CodeWithHarry
66
17:17 Now playing

Adding a Modal for Editing Notes | Complete React Course in Hindi #66

CodeWithHarry
67
12:32 Now playing

Updating Notes on edit in the UI using React | Complete React Course in Hindi #67

CodeWithHarry
68
13:03 Now playing

Adding Frontend Validation + Few Fixes in iNotebook | Complete React Course in Hindi #68

CodeWithHarry
69
20:25 Now playing

Adding Login Component to iNotebook | Complete React Course in Hindi #69

CodeWithHarry
70
12:39 Now playing

Adding SignUp Component to iNotebook | Complete React Course in Hindi #70

CodeWithHarry
71
10:58 Now playing

Adding Alerts to Login, Signup & Notes Component of iNotebook | Complete React Course in Hindi #71

CodeWithHarry
72
11:38 Now playing

Fetching User Specific Notes in iNotebook | Complete React Course in Hindi #72

CodeWithHarry
73
8:49 Now playing

Introduction to Redux | Complete React Course in Hindi #73

CodeWithHarry
74
9:47 Now playing

Setting up a React Application for Redux | Complete React Course in Hindi #74

CodeWithHarry
75
13:18 Now playing

Creating a Reducer & Action Creator in Redux | Complete React Course in Hindi #75

CodeWithHarry
76
9:54 Now playing

Creating a Redux Store | Complete React Course in Hindi #76

CodeWithHarry
77
5:44 Now playing

Accessing State in Redux | Complete React Course in Hindi #77

CodeWithHarry
78
11:11 Now playing

Updating state from a different component in Redux | Complete React Course in Hindi #78

CodeWithHarry

Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12

CodeWithHarry
CodeWithHarry
Verified
4.25M subscribers
<__slot-el>
I like this
I dislike this
Share
Download
279K views 1 year ago React Js Tutorials in Hindi
Show less
In this react course, we will see how to learn react using projects. This is going to be a project-based course full of real-world react projects. In this video, we will look into refactoring and moving all the controls and dark mode state up to the app component Make sure to access the playlist here (Important):    • React Js Tutorial...   All the source code and other material will be uploaded on codewithharry.com as and when available! ►Check out my English channel here:    / programmingwithharry   ►Click here to subscribe -    / @codewithharry   Best Hindi Videos For Learning Programming: ►Learn Python In One Video -    • Python Tutorial I...   ►Python Complete Course In Hindi -    • Python Tutorials ...   ►C Language Complete Course In Hindi -    • C Language Tutori...   ►JavaScript Complete Course In Hindi -    • JavaScript Tutori...   ►Learn JavaScript in One Video -    • JavaScript Tutorial   ►Learn PHP In One Video -    • Learn Php In One ...   ►Django Complete Course In Hindi -    • Python Django Tut...   ►Machine Learning Using Python -    • Machine Learning ...   ►Creating & Hosting A Website (Tech Blog) Using Python -    • [Hindi] Web Devel...   ►Advanced Python Tutorials -    • Intermediate/Adva...   ►Object Oriented Programming In Python -    • Object Oriented P...   ►Python Data Science and Big Data Tutorials -    • Python Data Scien...   Follow Me On Social Media ►Website (created using Flask) - http://www.codewithharry.com
 ►Facebook -    / codewithharry  
 ►Instagram -    / codewithharry  
 ►Personal Facebook A/c -    / geekyharis  
 Twitter -    / haris_is_here  
 Comment "#HarryBhai" if you read this 😉😉 …Show more
Show more
Show less
279,705 views • Aug 18, 2021 • React Js Tutorials in Hindi
React Js Tutorials in Hindi

Improving Dark Mode & Refactoring App Component | Complete React Course in Hindi #12

279,705 views279K views
Aug 18, 2021
I like this
I dislike this
Share
Download
Save
CodeWithHarry
CodeWithHarry
Verified
4.25M subscribers
<__slot-el>
In this react course, we will see how to learn react using projects. This is going to be a project-based course full of real-world react projects. In this video, we will look into refactoring and moving all the controls and dark mode state up to the app component Make sure to access the playlist here (Important):    • React Js Tutorial...   All the source code and other material will be uploaded on codewithharry.com as and when available! ►Check out my English channel here:    / programmingwithharry   ►Click here to subscribe -    / @codewithharry   Best Hindi Videos For Learning Programming: ►Learn Python In One Video -    • Python Tutorial I...   ►Python Complete Course In Hindi -    • Python Tutorials ...   ►C Language Complete Course In Hindi -    • C Language Tutori...   ►JavaScript Complete Course In Hindi -    • JavaScript Tutori...   ►Learn JavaScript in One Video -    • JavaScript Tutorial   ►Learn PHP In One Video -    • Learn Php In One ...   ►Django Complete Course In Hindi -    • Python Django Tut...   ►Machine Learning Using Python -    • Machine Learning ...   ►Creating & Hosting A Website (Tech Blog) Using Python -    • [Hindi] Web Devel...   ►Advanced Python Tutorials -    • Intermediate/Adva...   ►Object Oriented Programming In Python -    • Object Oriented P...   ►Python Data Science and Big Data Tutorials -    • Python Data Scien...   Follow Me On Social Media ►Website (created using Flask) - http://www.codewithharry.com
 ►Facebook -    / codewithharry  
 ►Instagram -    / codewithharry  
 ►Personal Facebook A/c -    / geekyharis  
 Twitter -    / haris_is_here  
 Comment "#HarryBhai" if you read this 😉😉

Featured playlist

78 videos
React Js Tutorials in Hindi
CodeWithHarry

Music

SONG
You Like It
ARTIST
Vibe Tracks
ALBUM
You Like It
LICENSES
YouTube Audio Library
Get YouTube Premium
Music

CodeWithHarry

4.25M subscribers
Videos
About
Show less Show more
17:31 Now playing

Adding + Auto Dismissing Alert Messages | Complete React Course in Hindi #13

CodeWithHarry
CodeWithHarry
Verified
•
•
221K views 1 year ago
20:17 Now playing

Complete Full Stack Web Developer Roadmap (2022 Edition)

CodeWithHarry
CodeWithHarry
Verified
•
•
1.3M views 1 year ago
1:00:20 Now playing

Project 1 - Brand Page | 10 React Projects for Beginners

Do Some Coding
Do Some Coding
•
•
29K views 2 months ago
16:01 Now playing

Advanced Roadmap | FULL STACK for Frontend Developers | Tanay Pratap Hindi

Tanay Pratap
Tanay Pratap
•
•
37K views 8 days ago
17:55 Now playing

Top Private Job vs Top Government Job

Wint Wealth
Wint Wealth
•
•
1.1M views 1 month ago
14:17 Now playing

ChatGPT Tutorial for Beginners in Hindi (2023) | Step by Step

Ansh Mehra
Ansh Mehra
•
•
202K views 2 months ago
2:37 Now playing

Bhadla Solar Park - Lighting Up The Nation | It Happens Only in India | National Geographic

National Geographic India
National Geographic India
Verified
•
•
3M views 4 months ago
5:07 Now playing

Oppenheimer | Opening Look

Universal Pictures UK
Universal Pictures UK
Verified
•
•
2.7M views 12 days ago
9:32 Now playing

EXTENDED HIGHLIGHTS | Yokohama 3-5 Man City | Stones, Alvarez, Haaland (2) & Rodri Goals

Man City
Man City
Verified
•
•
4.7M views 3 days ago
New
0:54 Now playing

Oppenheimer Bhagavad-Gita Quote

AtomicHeritage
AtomicHeritage
•
•
3.8M views 8 years ago
37:26 Now playing

UPSC - Stand Up Comedy Ft. Anubhav Singh Bassi

Anubhav Singh Bassi
Anubhav Singh Bassi
Verified
•
•
24M views 12 days ago
3:09 Now playing

MEG 2: THE TRENCH | Official Trailer (2023) Jason Statham

JoBlo Movie Trailers
JoBlo Movie Trailers
•
•
7M views 2 months ago
13:01 Now playing

AMEER AUDIENCE | Gaurav Kapoor | Stand Up Comedy | Audience Interaction

Gaurav Kapoor
Gaurav Kapoor
•
•
2.2M views 10 days ago
17:37 Now playing

This is Why everyone IGNORES YOU | 5 Life Lessons| Stop being NICE | Doglapan Book Summary by GiGL

GREAT IDEAS GREAT LIFE
GREAT IDEAS GREAT LIFE
Verified
•
•
3.5M views 5 months ago
36:27 Now playing

Artificial Intelligence Ft. Divij Bajaj | Sandeep Maheshwari | OpenAI & ChatGPT | Hindi

Sandeep Maheshwari
Sandeep Maheshwari
Verified
•
•
914K views 9 days ago
12:00 Now playing

Learn JSON in 10 Minutes

Web Dev Simplified
Web Dev Simplified
Verified
•
•
2.7M views 4 years ago
11:27 Now playing

How to Study MORE in LESS TIME 🔥 | 5 Principles | for students

Apna College
Apna College
Verified
•
•
6.4M views 10 months ago
146 videos Now playing

Popular Courses

WsCube Tech
WsCube Tech
Verified
•
•
2:12:57 Now playing

React Tutorial in Hindi 🔥🔥

CodeWithHarry
CodeWithHarry
Verified
•
•
2.3M views 2 years ago
12:37 Now playing

JavaScript Pro Tips - Code This, NOT That

Fireship
Fireship
Verified
•
•
2.4M views 4 years ago
CodeWithHarry
CodeWithHarry
Verified

@CodeWithHarry

@CodeWithHarry‧‧4.25M subscribers‧2K videos
Code With Harry is my attempt to teach basics and those coding techniques to people in short time which took me ages to learn.
Website
Home
Videos
Shorts
Live
Playlists
Community
Channels
About
 
Created playlists
Created playlists
Sort by
Date added (newest)
Last video added
2 videos Now playing

Generative AI Series - Showcasing Generative AI By Building Projects

Verified
•
•
View full playlist
100 videos Now playing

Python for Beginners (Full Course) | #100DaysOfCode Programming Tutorial in Hindi

Verified
•
•
View full playlist
103 videos Now playing

JavaScript Tutorials for Beginners in Hindi

Verified
•
•
View full playlist
13 videos Now playing

Sanity.io Tutorials in Hindi + Personal Portfolio Blog Project

Verified
•
•
View full playlist
10 videos Now playing

Strapi Tutorial For Beginners

Verified
•
•
View full playlist
79 videos Now playing

Next.js Tutorials for Beginners in Hindi

Verified
•
•
View full playlist
12 videos Now playing

Revising X in Y Minutes

Verified
•
•
View full playlist
16 videos Now playing

Tailwind CSS Tutorials in Hindi

Verified
•
•
View full playlist
131 videos Now playing

Coding Shorts - Programming Facts & Techniques in Seconds ⌚

Verified
•
•
Updated today
View full playlist
78 videos Now playing

React Js Tutorials in Hindi

Verified
•
•
View full playlist
11 videos Now playing

Coding CheatSheets 🧾 by CodeWithHarry

Verified
•
•
View full playlist
13 videos Now playing

Server Configuration, Deployment & VPS Tutorials For Beginners

Verified
•
•
View full playlist
5 videos Now playing

Complete Roadmaps by Code With Harry

Verified
•
•
View full playlist
113 videos Now playing

Java Tutorials For Beginners In Hindi

Verified
•
•
View full playlist
17 videos Now playing

Projects Using HTML, CSS & JavaScript in Hindi

Verified
•
•
View full playlist
17 videos Now playing

C Language Practice Programs

Verified
•
•
View full playlist
92 videos Now playing

Data Structures and Algorithms Course in Hindi

Verified
•
•
View full playlist
82 videos Now playing

PHP Tutorials in Hindi

Verified
•
•
View full playlist
74 videos Now playing

C++ Tutorials In Hindi

Verified
•
•
View full playlist
103 videos Now playing

Web Development Tutorials For Beginners In Hindi: HTML, CSS, JavaScript & More

Verified
•
•
View full playlist
19 videos Now playing

Complete Git Tutorials For Beginners In Hindi

Verified
•
•
View full playlist
34 videos Now playing

Android Development Tutorials in Hindi

Verified
•
•
View full playlist
66 videos Now playing

JavaScript Tutorials In Hindi

Verified
•
•
View full playlist
76 videos Now playing

C Language Tutorials In Hindi

Verified
•
•
View full playlist
19 videos Now playing

Python Practice Programs With Logic & Explanation In Hindi

Verified
•
•
View full playlist
10 videos Now playing

VPS Tutorials Using Digital Ocean In Hindi (Complete Guide)

Verified
•
•
View full playlist
102 videos Now playing

Python Django Tutorials In Hindi

Verified
•
•
View full playlist
31 videos Now playing

Python GUI: Tkinter Tutorial In Hindi 2019

Verified
•
•
View full playlist
129 videos Now playing

Python Tutorials For Absolute Beginners In Hindi

Verified
•
•
View full playlist
1 video Now playing

#OneQuickQuestion - Answers to your Coding & Learning Questions!

Verified
•
•
View full playlist